import React from 'react';
import {View, StyleSheet} from 'react-native';
import {BasicText} from '../../../kit/text';
import { normalize } from '../../../utils/adapter';

type Props = {
  num: number;
};

const NumberTag = function ({num}: Props): JSX.Element {
  return (
    <View style={styles.tag_container}>
      <BasicText color="#FF685A" fontSize={normalize(10)} fontWeight={'medium'}>
        +{num}
      </BasicText>
    </View>
  );
};


const styles = StyleSheet.create({
    tag_container:{
        paddingHorizontal:6,
        paddingVertical:2,
        backgroundColor:'#FAF1E3',
        borderRadius:4,
        marginLeft:8,
    },
});

export default React.memo(NumberTag);
